import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_localizations/flutter_localizations.dart';

//静态路由配置
void main() => runApp(const MyApp3());

//定义根目录Widget
class MyApp3 extends StatelessWidget {
  const MyApp3({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      localizationsDelegates: const [
        //初始化默认的 Material 组件本地化
        GlobalMaterialLocalizations.delegate,
        //初始化默认的 通用 Widget 组件本地化
        GlobalWidgetsLocalizations.delegate,
        GlobalCupertinoLocalizations.delegate,
      ],
      //当前区域，如果为null则使用系统区域一般用于语言切换
      //传入两个参数，语言代码，国家代码
      //这里配制为中国
      locale: const Locale('zh', 'CN'),
      //定义当前应用程序所支持的语言环境
      supportedLocales: const [
        Locale('en', 'US'), // English 英文
        Locale('zh', 'CN'), // 中文
      ],
      routes: {
        //默认页面
        "/": (BuildContext context) => const Exam305HomePage(),
      },
    );
  }
}

///代码清单 3-5 Wrap 流式布局
///代码路径 lib/code3/code305_Wrap.dart
class Exam305HomePage extends StatelessWidget {
  const Exam305HomePage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      //页面的头部
      appBar: AppBar(title: const Text("标题")),
      body: Center(child: buildWrap(),),
    );
  }

  ///代码清单 3-5 Wrap 流式布局
  ///代码路径 lib/code3/code305_Wrap.dart
  Widget buildWrap(){
    return Wrap(
      //包裹的子view
      children: [
        Container(color: Colors.blue,width: 200,height: 45,),
        Container(color: Colors.yellow,width: 200,height: 45,),
        Container(color: Colors.grey,width: 200,height: 45,),
      ],
      direction: Axis.horizontal, //水平排列 默此方式
      spacing: 12,//主轴方向上的两个widget之间的间距
      runSpacing: 10,// 行与行之前的间隔
      alignment: WrapAlignment.spaceAround,//主轴方向的Widget的对齐方式
      runAlignment: WrapAlignment.start,//次轴方向上的对齐方向
    );
  }

}
